<template>
    <div class="def-bht">
 
        <client-only>
            <my-header-fixed></my-header-fixed>
        </client-only>


        <div class="def-bht-content">
            <div class="view">
                <nuxt/>
            </div>

            
        </div>
        
    </div>
</template>
<script>
import { mapGetters, mapMutations, mapActions} from 'vuex';
import myHeaderFixed from '@layout/def-bht/my-header-fixed'

export default {
    name: 'def-bht',
    components: {
        myHeaderFixed,
    },
    data () {
        return {
        }
    },
    computed: {
    },
    watch: {
    },
    methods: {
        ...mapActions({
            getWebInfo: 'getWebInfo',
        }),

    },
    created () {
    },
    mounted () {
        this.getWebInfo();
    },
}
</script>
<style lang="scss" scoped>
    @import '@css/var.scss';

    .def-bht{
        width: 100%;
    }

    .def-bht-content{
        position: relative !important;
        width: 100%;
        padding-top:$defBhtHeaderFixedHeight;
    }

    .view{
        width: 100%;
        min-height: calc(100vh - $defBhtHeaderFixedHeight);
    }

</style>
